{include file="public/head"/} 
<style>
  #click{
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    position:fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;


  }
</style>
  <body>
  <div id="click" onclick="aa()" ></div>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">报事报修管理</a>
        <a><cite>报修管理</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <!-- <form class="layui-form layui-col-md12 x-so"  method="get" action="{url(admin/Repair/repairList)}">
          <input type="text" name="community"  placeholder="小区名称" autocomplete="off" class="layui-input" value="{if isset($where.community)}{$where.community}{/if}">
          <input type="text" name="owner_phone"  placeholder="业主电话" autocomplete="off" class="layui-input" value="{if isset($where.owner_phone)}{$where.owner_phone}{/if}">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form> -->
      </div>
      <xblock>
        <!-- <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button> -->
        <button class="layui-btn" onclick="x_admin_show('添加故障','{:url('admin/Repair/repairAdd')}',780,780)"><i class="layui-icon"></i>添加故障</button>
        <span class="x-right" style="line-height:40px">共有数据：{$number} 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th style="width:30px">id</th>
            <th>小区名称</th>
            <th>完整门牌号</th>
            <th>报修类型</th>
             <th>图片</th> 
            <th>报修人</th>
            <th>联系电话</th>
            <th>报修描述</th>
            <th>报修时间</th>
            <th>预约时间</th>
            <th>处理时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          {foreach $list as $lis}
          <tr>
              <td>{$lis.id}</td>
            <td>{$lis.community_id}</td>
            <td>{$lis.room_address}</td>
            <td>{$lis.repair_type}</td>
            <td><img src="{$lis.image}" onclick='mag("{$lis.image}")' width="30px"></td>
            <td>{$lis.people}</td>
            <td>{$lis.phone}</td>
            <td>{$lis.repairinfo}</td>
            <td>{$lis.time_repair}</td>
            <td>{$lis.time_thedoor}</td>
            <td>
              {if $lis.status == 2}
                  未解决
              {elseif $lis.status == 1}
                  {$lis.time_solve}
              {/if}
            </td>
            <td class="td-manage">
                {if $lis.status == 2}
                  <a title="已解决"  onclick="repairSolve('{$lis.id}', '{$lis.id}')" href="javascript:;"id="{$lis.id}">
                    <i class="layui-icon">&#xe642;</i>
                  </a>
                {else}
                  已处理
                {/if}

                <a title="打印"  onclick="x_admin_show('打印','{:url('admin/repair/repairprint')}?id={$lis.id}',900,600)" href="javascript:;">
                  <i class="layui-icon"><img src="static/admin/images/print.png" alt="打印" style="width:16px;height:16px"/></i>
                </a>
                <!-- <a title="删除" onclick="repairDel('{$lis.id}', '{$lis.id}')" href="javascript:;" id="{$lis.id}">
                  <i class="layui-icon">&#xe640;</i>
                </a> -->
            </td>
          </tr>
          {/foreach}
        </tbody>
      </table>
      <div class="page">
        <div id="page">
            {$repairlist->render()}
        </div>
      </div>

    </div>
    <script>
      let a = document.getElementById("click")
        function mag(url){
            // console.log(123)

            a.style = "display:inline-block;"
            let b = `<img src="`+url+`" style="margin-left: 20vw;">`
            a.innerHTML=b
        }
        function aa() {
            a.style = "display:none;"
        }
      // //删除
      // function repairDel(id, doc){
      //   if(confirm('确定要删除吗?')) 
      //   { 
      //     var url = "{:url('repairDel')}?id=" + id
      //     // console.log(url)
      //     $('#' + doc).attr('href', url)
      //   } 
      //     return false; 
      // } 
      function repairSolve(id, doc){
        if(confirm('确定已经解决吗?')) 
        { 
          var url = "{:url('repairSolve')}?id=" + id
          // console.log(url)
          $('#' + doc).attr('href', url)
        } 
          return false; 
      }

      // layer.confirm('确定要发布吗?', {
      //   btn: ['确定','取消'] //按钮
      // }, function(){
      //   layer.msg('发布成功', {icon: 1});
      // }, function(){
      //   layer.msg('发布失败', {icon: 2});
      // });
      
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
  </body>

</html>